<%--
  Created by IntelliJ IDEA.
  User: 61741
  Date: 2018/1/12
  Time: 17:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>所有商品页面123</title>
    <jsp:include page="/WEB-INF/view/common/portal-head.jsp"></jsp:include>
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/shop.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/checkbox.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/shopslider.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/agency_shop.css">
</head>
<body>
<div class="page-container">
    <div class="top-flow-wrap">
        <span class="top-welcome">您好!欢迎来到把内衣巴巴！</span>
        <div class="register-login-wrap">
            <span><i class="fa fa-cart-plus"></i>购物车</span>
            <span><i class="fa fa-file"></i>注册</span> | <span><i class="fa fa-user-circle"></i>登录</span>
        </div>
    </div>
    <div class="top-menu-wrap">
        <img src="${ctx}/resources/portal/img/mylogo.jpg">
        <ul class="top-main-menu">
            <li>首页</li>
            <li>厂商/供应商</li>
            <li>代理商</li>
            <li>辅助料配件供应商</li>
            <li>物流资讯</li>
            <li>资讯信息</li>
        </ul>
    </div>
    <div class="slider-wrap">
        <div class="search-wrap">
            <div class="search-input">
                <input type="text" name="">
                <img src="${ctx}/resources/portal/img/allgoods_search.png">
            </div>
        </div>
        <div class="slider">
            <div class="slider-img">
                <ul class="slider-img-ul">
                    <li><img src="${ctx}/resources/portal/img/slider-5.jpg"></li>
                    <li><img src="${ctx}/resources/portal/img/banner/shop_silder.jpg"></li>
                    <li><img src="${ctx}/resources/portal/img/slider-2.jpg"></li>
                    <li><img src="${ctx}/resources/portal/img/slider-3.jpg"></li>
                    <li><img src="${ctx}/resources/portal/img/slider-4.jpg"></li>
                    <li><img src="${ctx}/resources/portal/img/slider-5.jpg"></li>
                    <li><img src="${ctx}/resources/portal/img/slider-1.jpg"></li>
                </ul>
            </div>
        </div>
        <div class="goods-menu-wrap">
            <span><img src="${ctx}/resources/portal/img/allgoods_menu.png">所有类别</span>
            <ul>
                <li><a>男式内裤<i class="fa fa-chevron-right"></i></a></li>
                <li><a>女士内裤<i class="fa fa-chevron-right"></i></a></li>
                <li><a>儿童内裤<i class="fa fa-chevron-right"></i></a></li>
                <li><a>布料<i class="fa fa-chevron-right"></i></a></li>
                <li><a>辅料<i class="fa fa-chevron-right"></i></a></li>
                <li><a>其他<i class="fa fa-chevron-right"></i></a></li>
            </ul>
        </div>
        <div class="ad-wrap">
            <div class="title">
                <span><strong>排行榜</strong>高级内衣便宜直销</span>
            </div>
            <div class="sale-num">
                <label>昨日新增采购量<span>2093<i class="fa fa-long-arrow-up"></i></span></label>
            </div>
            <div class="info-list">
                <ul>
                    <li><a><strong>【采购】</strong>内衣便宜直销</a><span>10/06</span></li>
                    <li><a><strong>【采购】</strong>内衣便宜直销</a><span>10/06</span></li>
                    <li><a><strong>【采购】</strong>内衣便宜直销</a><span>10/06</span></li>
                    <li><a><strong>【采购】</strong>内衣便宜直销</a><span>10/06</span></li>
                </ul>
            </div>
            <div class="img-wrap">
                <img src="${ctx}/resources/portal/img/banner/loginqrcode.jpg">
            </div>
        </div>
    </div>
    <div class="content-wrap">
    </div>
</div>
<script type="text/javascript">
    $(function () {
        // 修正轮播图插件图片宽度自适应问题
        $(".slider-img").attr("style", "width:" + $(".slider-img-ul li").length * 100 + "% !important;");
        $("ul.slider-img-ul li,ul.slider-img-ul>li>img").attr("style", "width:" + $(".slider-wrap").width() + "px !important;height:auto;");
    });

</script>
<script src="${ctx}/resources/portal/script/xSlider.js" type="text/javascript"></script>
</body>
</html>
